<template>
	<view class="wrapper">
		<view class="cover"></view>
		<view class="main margin-top-80">
			<view class="point margin-bottom32">
				契约说明
			</view>

			<view class="point">
				1.定一个目标对象
			</view>

			<view class="point-detail margin-bottom32">
				如：坚持跑步。
			</view>

			<view class="point">
				2.设定目标对象的契约任务
			</view>

			<view class="point-detail">
				如：设定坚持跑步一个月：
			</view>

			<view class="point-detail">
				一个月内，跑步打卡的次数（日数）达14天及以上，每次跑步路程记录达到3公里及以上。
			</view>

			<view class="attach margin-bottom32 border-bottom">
				温馨提示：适量运动是不错的，也要量力而为。
			</view>

			<view class="point">
				3.自主选择预捐赠金额和预捐赠项目
			</view>

			<view class="point-detail">
				如：40元人民币。
			</view>

			<view class="attach margin-bottom32">
				注：用户所选择皆为用户自愿选择，用户未达标其所设立的目标后，用户需自行向预捐赠项目捐赠预捐赠金额。
			</view>

			<view class="point">
				4.打卡
			</view>

			<view class="point-detail">
				为保证目标对象打卡的真实性，用户需拍摄并上传该目标对象的真实图片。
			</view>

			<view class="point-detail margin-bottom32">
				跑步打卡可截屏并上传第三方跑步软件具有数据信息记录的图片，作为打卡的达标证据。
			</view>

			<view class="point">
				如：拍摄并上传跑步图片
			</view>

			<image class="image margin-bottom32" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free2/09844020-0d23-11ea-b033-03f6c8af3b18.jpg"
			 mode="aspectFit"></image>

			<view class="point">
				如：跑步打卡可截屏并上传第三方软件具有数据信息记录的图片。
			</view>

			<image class="image" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free2/151e38a0-0d23-11ea-98e6-a50819fce17a.png"
			 mode="aspectFit"></image>

			<view class="height1 border-bottom"></view>

			<view class="point">5.契约说明</view>

			<view class="point-detail margin-bottom24">
				用户在契约期限内，完成其所设定的契约任务后，待本平台工作人员核实后，方为用户与本平台的目标契约结束。
			</view>

			<view class="point-detail margin-bottom24">
				如：用户在所设立的契约期限内，成功打卡跑步14天及以上，且每次跑步路程记录达到3公里及以上，即是完成契约任务。该用户亦无责任向公益项目捐赠款项。当然，如果用户爱做公益，我们也倍感欣慰！
			</view>

			<view class="point-detail">
				倘如用户在契约期限内，未能按照其所设定契约任务的要求完成任务，则该用户需向其所设立的“预捐赠公益项目”捐赠“预捐赠金”。
			</view>

			<view class="point-detail margin-bottom32">
				用户捐赠完毕后，需将“款项捐赠支付成功的详情凭证”截屏并上传至小程序平台，“个人捐赠”页面点击对应的捐赠项目进行上传捐赠截图。待本平台工作人员核实后，方为用户与本平台的目标契约结束。
			</view>

			<view class="point">
				如：截屏并上传捐赠截图
			</view>

			<image class="image margin-bottom24" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free2/ba820970-272c-11ea-b5fd-23c370828f10.jpg"
			 mode="aspectFit"></image>
			 
			 <view class="point-detail">
			 				 用户每次成功打卡即可得2个奖励金。1奖励金价值0.1元人民币。奖励金可提现为微信零钱。
			 </view>
			 <view class="button-wrapper">
			 	<u-button type="primary" size="default" @click="handleShowBonusInfo">点击了解更多奖励金信息</u-button>
			 </view>

			<!-- <view class="point-detail">
				特别说明：
			</view>

			<view class="point-detail">
				吃鲸目标小程序平台提供平台服务，用户所选择的捐赠金额、公益项目均为用户自愿选择，均由用户去执行落实捐赠给“腾讯公益”的爱心捐赠平台。如遇“腾讯公益”调整公益项目，用户可对实际捐赠公益项目对象有所调整。
			</view>

			<view class="point-detail">
				感谢您的信任和支持。
			</view> -->
		</view>

		<view class="button-wrapper">
			<u-button type="primary" size="default" @click="handleJumpSet">立即设定一个“坚持跑步”目标吧</u-button>
		</view>

		<view class="main">
			<view class="point">
				跑步的好处
			</view>

			<view class="point">
				1.减肥塑形
			</view>

			<view class="point-detail">
				跑步能燃烧脂肪，坚持跑步的人，不但树立一种健康饮食的观念，还会养成良好的生活作息习惯。
			</view>

			<view class="point-detail">
				跑步时摆臂能锻炼胸廓周围的肌肉，特别是能让下垂的臀部变得圆翘。
			</view>

			<view class="point-detail">
				就算瘦也能变得前凸后翘，让你身材更棒，穿衣服更有型。
			</view>

			<image class="image margin-bottom24" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/49796b80-e19d-11e9-a3ed-05b4249b2ee6.png"
			 mode="aspectFit"></image>

			<view class="point">
				2.变得年轻，有气质
			</view>

			<view class="point-detail">
				经常跑步可以帮助我们排除皮肤底层的脏的物质，帮助改善皮肤，提高它的亮度，然后就会更加美丽啦。
			</view>

			<view class="point-detail">
				可以改善我们的面貌精神，整个人看起来更加精气神，更有气质，显得非常年轻。
			</view>

			<view class="point-detail">
				这就是为什么那些上了年纪的明星无论颜值和身材都一直保持在20来岁的秘密。
			</view>

			<image class="image margin-bottom24" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/4e47e380-e19d-11e9-a30a-41900ee53442.png"
			 mode="aspectFit"></image>

			<view class="point">
				3.预防疾病
			</view>

			<view class="point-detail">
				据国外研究报道，长期坚持跑步的人，能够提高心肺，提高自身免疫力，增强抵抗力。
			</view>

			<view class="point-detail">
				让身体素质变得更好，可以有效降低疾病的风险。
			</view>

			<view class="image-text margin-bottom32 border-bottom">
				<image class="flex-image" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/5304a840-e19d-11e9-83c4-692d6d1aaad6.png"
				 mode="aspectFill"></image>

				<view class="flex-text">
					<view class="point-detail">减少乳腺癌25%</view>
					<view class="point-detail">减少白内障35%</view>
					<view class="point-detail">减少胃癌50%</view>
					<view class="point-detail">减少抑郁症19%</view>
					<view class="point-detail">减少严重心脏病发作50%等。</view>
				</view>
			</view>

			<view class="point">
				4.生活变得更加自律
			</view>

			<view class="point-detail">
				跑步后，你会比以前更加爱惜自己的身体了。
			</view>

			<view class="point-detail">
				你会尽量达到绿色、健康的饮食，也注意睡眠的时间和质量。
			</view>

			<view class="point-detail margin-bottom32">
				你和自己身体的关系变得更加亲密、时时关注、互相信任，这真是一种奇妙的感觉。
			</view>

			<view class="point-detail margin-bottom24">
				当你开始要跑步后，会发现原来今天的天气这么蓝，云朵这么好看，草也特别的绿，是自己一直没有留意生活罢了。
			</view>

			<view class="point-detail">
				走出室外，你感受的更多是自然是生活，而不是一直对着机器和冷冰冰的电脑手机。
			</view>

			<view class="point-detail margin-bottom32">
				你做三四月份的事，在八九月自有答案。
			</view>

			<view class="point margin-bottom24">
				Better late,than never. </br>
				只要开始，为时不晚。
			</view>

			<image class="image margin-bottom24" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/c68feb30-e198-11e9-a30a-41900ee53442.png"
			 mode="aspectFit"></image>

			<view class="point">
				图文来源网络，如有侵权请联系删除。
			</view>
		</view>
		<!-- 奖励金信息 -->
		<u-popup v-model="showBonusInfo" mode="bottom">
			<view class="popup-wrapper">
				<view class="description-text">
					<view class="text">
						关于吃鲸信息奖励金
					</view>
					
					<view class="text">
						<view class="details">
							奖励金获得方式：
						</view>
						<view class="details">
							1、新用户首次登录小程序可获得2个奖励金。
						</view>
						<view class="details">
							2、新用户首次发布内容可获得2个奖励金。
						</view>
						<view class="details">
							3、一天内首次转发小程序可获得2个奖励金，一天内多次皆算一次。
						</view>
						<view class="details">
							4、每次成功打卡即可获得2个奖励金，一天内同目标打卡多次皆算一次。若用户通过非正常手段达标打卡的行为可视为作弊，如打卡内容为他人的内容，或发布内容与目标打卡契约不符合。我们有权将其此次成功打卡，改为未成功打卡，并取消该次奖励金的获得。
						</view>
					</view>
					
					<view class="text">
						注：1个奖励金价值0.1元人民币。奖励金可提现为微信零钱，用户可进入“奖励金和捐赠”页面，点击“提现至微信”。经后台核实后处理，即可将奖励金提现为微信零钱。具体到账时间请以信息通知为准。
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showBonusInfo: false,
				sysGoalId: ''
			}
		},
		onLoad(options) {
			this.sysGoalId = options.sysGoalId
		},

		methods: {
			handleShowBonusInfo() {
				this.showBonusInfo = true
			},
			handleJumpSet() {
				uni.navigateTo({
					url: `/pages/insidePages/setGoals/setGoalDetails?sysGoalId=${this.sysGoalId}`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrapper {
		padding-bottom: 32rpx;
	}

	.cover {
		height: 500rpx;
		width: 100%;
		background-image: url(https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/44803a00-e19d-11e9-83c4-692d6d1aaad6.png);
		background-size: contain;
		background-position: center center;
	}

	.button-wrapper {
		width: 90%;
		margin: 50rpx auto;
	}

	.main {
		width: 85%;
		margin: 0 auto;
		padding: 24rpx;
		border: 1px solid #000;
		background-color: #fff;
		z-index: 1;
		box-shadow: 2px 2px 10px #7f7f7f;
	}

	.margin-top-80 {
		margin-top: -80rpx;
	}

	.border-bottom {
		padding-bottom: 16rpx;
		border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	}

	.height1 {
		height: 1px;
	}

	.point {
		margin-bottom: 12rpx;
		font-size: 26rpx;
	}

	.point-detail {
		margin-bottom: 12rpx;
		font-size: 26rpx;
		color: #6d7278;
	}

	.attach {
		color: rgba(0, 0, 0, 0.25);
		font-size: 26rpx;
	}

	.image {
		width: 100%;
	}

	.margin-bottom24 {
		margin-bottom: 48rpx;
	}

	.margin-bottom32 {
		margin-bottom: 64rpx;
	}

	.image-text {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.flex-image {
		width: 45%;
	}
	
	.popup-wrapper {
		padding: 40rpx;
		background-color: #000000;
			
		.title {
			margin-bottom: 28rpx;
			text-align: center;
		}
			
			
		.text {
			margin-bottom: 30rpx;
			font-size: 32rpx;
			color: #fff;
			
			.details {
				margin-bottom: 12rpx;
			}
		}
	}
</style>
